<div>
  <ql-form  label-width="100px">
    <ql-card header="标签基本属性" class="ql-text-left">
      <ng-template #header>
        <card-header title="标签基本属性">
          <ql-button type="primary" size="small"(click)="saveQuery()">保存</ql-button>
          <ql-button type="primary" size="small">重置</ql-button>
        </card-header>
      </ng-template>
      <div ql-row gutter="12">
        <div ql-col span="12">
          <ql-form-item label="标签名称">
            <ql-input [(ngModel)]="tagname"></ql-input>
          </ql-form-item>
        </div>
        <div ql-col span="12">
          <ql-form-item label="标签编码">
            <ql-input [(ngModel)]="tagcode"></ql-input>
          </ql-form-item>
        </div>
        <div ql-col span="12 ">
          <ql-form-item label="标签目录">
            <ql-select [(ngModel)]="catalogcode">
              <ql-option *ngFor="let item of calogTag" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
            </ql-select>
          </ql-form-item>
        </div>
        <div ql-col span="12 ">
          <ql-form-item label="标签共享范围">
            <ql-select [(ngModel)]="sharerange">
              <ql-option *ngFor="let item of dictService.getDict('tag_sharerange')" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
            </ql-select>
          </ql-form-item>
        </div>

        <div ql-col span="12 ">
          <ql-form-item label="标签状态 ">
            <ql-select [(ngModel)]="status">
              <ql-option *ngFor="let item of dictService.getDict('tag_state')" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
            </ql-select>
          </ql-form-item>
        </div>
        <div ql-col span="12 ">
          <ql-form-item label="标签所属类别 ">
            <ql-select [(ngModel)]="tagtype">
              <ql-option *ngFor="let item of dictService.getDict('tag_scene')" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
            </ql-select>
          </ql-form-item>
        </div>
        <div ql-col span="12">
          <ql-form-item label="应用场景">
            <ql-select [(ngModel)]="scene">
              <ql-option *ngFor="let item of dictService.getDict('tag_type')" [label]="item.paramLabel" [value]="item.paramValue"></ql-option>
            </ql-select>
          </ql-form-item>
        </div>
      </div>
    </ql-card>
  </ql-form>
</div>
